 <#include "../pc/header.html">





<div class="mcontent">

	<#include "./nave.html">

	<div class="c_body  ">

		<style>
</style>
		<div class="page_view">
			<div class="ds_tool   gradient">
				<span class="title"> </span>
			</div>

			<div class="ds_view">
				<div class="panel" id="userGroup" tar="${s.base}/wxbase/depts_json">
					<div class="title gradient" id="title">
						<div class="name">
							用户组<span class="count">(0/0)</span>
						</div>

						<div class="title_tool">
							<input type="text" class="search_input"> <a href="#"
								class="eqp_search btn"><i class="fa fa-search  "></i></a> <a
								href="#" class="add btn" title="添加用户组"><i
								class="fa fa-plus-square"></i></a> <a href="#" class="remove  btn"
								title="删除用户组"><i class="fa fa-minus-square"></i></a> <a href="#"
								class="modified  btn" title="修改用户组"> <i class="fa fa-cog "></i>
							</a> <a href="#" class="refresh btn" title="同步用户组" class="btn"><i
								class="fa fa-refresh " i></i></a>


						</div>

					</div>

					<div class="content scroll tree_body">
						<ul class="tree_content tree_bd" id="userdept">
						</ul>
					</div>
				</div>
				<div class="panel" id="userList">
					<div class="title gradient" id="title">
						<div class="name">
							用户列表 <span class="count">(0/0)</span>
						</div>
						<div class="title_tool">
							<input type="text" class="search_input"> <a href="#"
								class="eqp_search btn"><i class="fa fa-search  "></i></a> <a
								href="#" class="add btn " title="添加用户"><i
								class="fa fa-plus-square"></i></a> <a href="#" class="remove  btn"
								title="删除用户"><i class="fa fa-minus-square"></i></a> <a href="#"
								class="modified  btn " title="修改用户"> <i class="fa fa-cog "></i>
							</a>

							<!-- <a href="#" class="save btn "  > <i class="fa fa-save "></i>
							</a> -->

						</div>

					</div>
					<div class="scroll">
						<ul class="items">
						</ul>

					</div>
				</div>

				<div class="panel" id="equipmentList">
					<div class="title gradient" id="title">
						<div class="name">
							权限设备<span class="count">(0/0)</span>
						</div>
						<div class="title_tool">
							<input type="text" class="search_input "> <a href="#"
								class="eqp_search btn"><i class="fa fa-search  "></i></a> <a
								href="#" class="add btn " title="添加设备"><i
								class="fa fa-plus-square btn"></i></a> <a href="#"
								class="remove btn " title="删除设备"><i
								class="fa fa-minus-square"></i></a> <a href="#" class="save btn "
								title="保存"> <i class="fa fa-save" id="eqptsave"></i>
							</a>



						</div>

					</div>
					<div class="content  dvices scroll">
						<ul class="items">
						</ul>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>

<style>
</style>
<!-- 	对话框 -->
<div class="modalLayout  " style="display: none">
	<div class="panel  colorable" id="eqptSelect"
		tar="${s.base}/gdevice/getAll">
		<div class="title gradient" id="title">
			<div class="name">
				系统设备 <span class="count"></span>
			</div>

			<div class="title_tool">
				<input type="text" class="search_input"> <a href="#"
					class="eqp_search btn"><i class="fa fa-search  "></i></a> <a
					class="titlebtn btn" class="cancel">取消</a> <a class="titlebtn btn"
					id="ok">确定</a>
			</div>

		</div>
		<div class="content scroll">
			<ul class='dvices items'>


			</ul>
		</div>
	</div>

</div>


<#include "../pc/flooder.html">


<script>
	$(function($) {

		//显示   搜索   输入框
		$("body").on("click", ".eqp_search", function() {
			var tar = $(this).siblings(".search_input");
			if (tar.css("display") == "none")
				tar.show();
			else {
				tar.hide();
				tar.parent(".panel").find(".item").show();

			}
		});

		//查询 过滤设备
		$("body")
				.on(
						"keydown",
						".search_input",
						function(event) {
							var keycode = (event.keyCode ? event.keyCode
									: event.which);

							console.log(keycode);
							var tar = $(this);
							if (keycode == 13) {
								var _text = tar.val();
								console.log(_text);

								var item_tar = tar.parents(".panel").find(
										".item");

								item_tar.hide();

								item_tar
										.find(".name:contains('" + _text + "')")
										.parents(".item").show();
							}

						});

		//加载  微信 用户组 部门  
		loadJSON($("#userGroup"));
		

		//设置  设备列表可以多选
		$("body").on("click", "#equipmentList  .item .name", function() {
			var _this = $(this).parent();

			_this.toggleClass("select");
		});

		//设置  系统总 设备列表可以多选
		$("body").on("click", "#eqptSelect  .item .name", function() {
			var _this = $(this).parent();
			_this.toggleClass("select");
		});

		// 设备选择对话框 加载所有设备
		var tar = $("#eqptSelect");

		//tar.load(tar.attr("tar"));
		LoadDevice(tar, tar.attr("tar"), null);
		//$(".modalLayout").show();

		//设备选择 对话框 确认 事件
		$("body").on(
				"click",
				".titlebtn",
				function() {
					var _this = $(this);
					var id = _this.attr("id");

					if (id == "ok") {
						var eqpts = $("#eqptSelect .item.select");

						/* if ($("#equipmentList .content ul").length < 0)
							$("<ul></ul>").appendTo(
									$("#equipmentList .content")); */

						//确认的时候不清空	
						if ($("#equipmentList .items .item").length < 1)

							$("#equipmentList .items").html("");
						var _clonetar = eqpts.removeClass("select").clone()
								.addClass("unsave");

						//添加设备 到用户组  或是i用户   ，同时给刚添加 没有保存的  设置未保存，类 颜色为黄色		
						var userSelect = $("#userList .item.active");

						if (userSelect.length > 0) {
							var _userid = userSelect.attr("id").substring(2);//"P_"
							_clonetar.attr("userid", _userid);
						}
						//===============
						$("#equipmentList .items").append(_clonetar);

						$("#equipmentList .count").html(
								"(" + $("#equipmentList .item").length + ")");
					} else {

					}

					$(".modalLayout").hide();
				});
		
	
		//=========================================================
		//	 userGroup userList equipmentList 三个panel 的  工具栏事件
		//=========================================================     

		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userGroup .add", function() {

		});
		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userGroup .remove", function() {

		});
		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userGroup .modified", function() {

		});
		//从微信同步部门信息
		$("body").on("click", "#userGroup .refresh", function() {

			syncDepart($("body").attr("pro"));
		});

		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userList .add", function() {

		});
		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userList .remove", function() {

		});
		//添加设备 按钮  panel 右上角
		$("body").on("click", "#userList .modified", function() {

		});

		//添加设备 按钮  panel 右上角
		/* 		$("body").on("click", "#userList .save", function() {
		
		
		 });
		
		 */
		//======================= 
		//添加设备 按钮  panel 右上角
		$("body").on(
				"click",
				"#equipmentList .add",
				function() {
					var _depid = $(".tree_item.select");

					if (_depid.length > 0) {
						//	_depid=_depid.match(/[1-9][0-9]*/g); 
						// 	alert(_depid);
						//显示设备选中的时候 清除已经选中的设备
						//$(".item.active").removeClass("active");
						///切换用户组 的时候 清除已经选中的设备
						$("#eqptSelect .item.active").removeClass("active");
						//已经选择了的ITEM
						$("#eqptSelect .item").show();
						var allitem = $("#equipmentList .item");

						//隐藏已经在的列表 避免重复选择，
						//单个USER 不会出现重复选择了， 对于group  可能由于  users A  和  USER  B 的 集合 出现 重复设备

						$.each(allitem,
								function() {

									var it = $(this);

									$(
											"#eqptSelect .item[puid="
													+ it.attr("puid") + "]")
											.hide();
								})

						$(".modalLayout").show();
						//显示现在可选择的设备数量    可选择数量/总数量
						window.log($("#eqptSelect .item:visible").length,
								$("#eqptSelect .item").length);
						$("#eqptSelect .count").html(
								"(" + $("#eqptSelect .item:visible").length
										+ "/" + $("#eqptSelect .item").length
										+ ")");

					} else {
						alert("请先选用户组！");
					}
				});

		//删除设备列表章的选择
		$("body").on("click", "#equipmentList .remove", function(e) {
			//给予提示 删除
			$("#equipmentList .item.select").remove();

		});


		
		

		//保存 部门 /成员相关权限 的设备到数据库
		$("body").on("click", "#equipmentList .save", function() {
			var url = CONETXT_PATH + "/gdevice/addByDeqidAndUser/";
			url = getDepidSelect(url);

			//读取设备
			var ids = [];
			var eqpts = $("#equipmentList .item");
			if (eqpts.length < 0)
				return;

			eqpts.each(function() {
				ids.push($(this).attr("puid"));
			});

			$.ajax({
				type : "POST",
				url : url,

				data : {
					//	eqpids : ids.length>0?ids.join(","):","
					eqpids : ids.join(",")
				},
				success : function(data) {
					//显示保存结果 
					showTipInfo(data);
					//移除未保存标识
					eqpts.removeClass("unsave")
				}
			});

		});

	})
</script>

</body>
